<script setup>

import Header from "@/components/Header.vue";
import BackTop from "@/components/BackTop.vue";
import VideoCard from "@/components/VideoCard.vue";
</script>

<script>
export default {
  mounted() {
    this.searchVideo();
  },
  methods: {
    searchVideo() {
      this.$refs.video_container.searchData();
    },
  }
}
</script>
<template>
  <header>
    <Header @custom-event="searchVideo"></Header>
  </header>
  <BackTop></BackTop>
  <main>
    <VideoCard ref="video_container"></VideoCard>
  </main>
</template>

<style scoped>

</style>